
.loginin{
    height: 560px;
    position: relative;
    width: 100%;
    .aaaa{
        width: 100%;
        width: 100%;
        height: 100%;
        min-width: 1200px;
        background: url("//mall03.sogoucdn.com/image/2019/03/18/20190318095532_4592.png");
        background-color:#1a1d23;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 1;
    }
    .loginForm{
     
        width: 400px;
        height: 390px;
        padding-top: 30px;
        background: #f6f6f7;
        font-size: 12px;
        color: #8c8c8c;
        position: absolute;
        top: 70px;
        left: 50%;
        margin-left: 200px;
        z-index: 1;
        .loginFormTitle{
            overflow: hidden;
            margin: 0 40px 40px;
            .loginFormTitle-title{
                color: #8d8d8d;
                font-size: 20px;
                line-height: 1.1;
                float: left;
                width: 158px;
                text-align: center;
                cursor: pointer;
            }
            .loginFormTitle-title1{
              font-size: 20px;
              line-height: 1.1;
              float: left;
              width: 158px;
              text-align: center;
              cursor: pointer;
              color:#262626;
          }
            .loginFormTitle-line{
                float: left;
                margin-top: 2px;
                font-size: 16px;
                color: #8d8d8d;
                width: 4px;
            }
            .actived{
                color: #262626;
            }
        }
        .input-row{
            width: 300px;
            min-height: 300px;
            position: relative;
            overflow: hidden;
            margin: 0 auto 15px;
            .inputBox{
              input::-webkit-input-placeholder{
                color:#8c8c8c;
            }
                position: relative;
                .name{
                    width: 300px;
                    height: 40px;
                    padding: 5px 8px;
                    border-radius: 2px;
                    border: 1px solid #bfbfcd;
                    font-size: 14px;  
                    outline:medium;        
                }
                .huoquyanzhengma{
                  position: relative;
                  height: 40px;
                  margin-bottom: 15px;
                  .yanzheng{
                    outline:medium;
                    margin-top:15px;
                    width: 300px;
                    height: 40px;
                    padding: 5px 8px;
                    border-radius: 2px;
                    border: 1px solid #bfbfcd;
                    font-size: 14px;                    
                       }
                   #yanzhengma{
                     width: 90px;
                     height: 38px;
                     position: absolute;
                     right: 1px;
                     top: 16px;
                     border: none;
                     border-left:1px solid #bfbfcd; 
                     background-color: #f6f6f7;
                     outline:medium; 
                   }
                }
                .mima{
                  outline:medium;
                  margin-top:15px;
                  width: 300px;
                  height: 40px;
                  padding: 5px 8px;
                  border-radius: 2px;
                  border: 1px solid #bfbfcd;
                  font-size: 14px;                    
              }
                .iconclose{
                    position: absolute;
                    right: 14px;
                    top: 70px;
                    height: 14px;
                    width: 16px;
                    cursor: pointer;
                    background: url(../font/icon.png) no-repeat -143px -15px;
                }
                .iconopen{
                  display: none;
                  position: absolute;
                  right: 14px;
                  top: 70px;
                  height: 14px;
                  width: 16px;
                  cursor: pointer;
                  background: url(../font/icon.png) no-repeat -90px 0px;
              }
               
            }
            h2{
              height: 12px;
              line-height: 12px;
              margin-top: 15px;
              #tishi1{
                float: right;
                color:red;
              }
              #tishi2{
                float: right;
                margin-top: 5px;
                color:red;
              }
              .autologin{
                  vertical-align: bottom;
              }
              span{
                vertical-align: bottom;
                font-size: 12px;
                color:#8c8ca8;
              }
            }

            .loginbutton{  
              a{
                margin-top: 30px;
                display: block;
                width:300px;
                height: 40px;
                background:url(../images/login.png); 
                
              }
            }
            .kuaisu{
              h4{
                span{
                  a{
                    font-size: 14px;
                    color: #595959;
                    text-decoration: none;
                  }
                }
                .loginleft{
                  float: left;
                }
                .loginright{
                  float:right;
                }
              }
            }
        }
        h5{
          margin-top:60px;
          font-size: 12px;
          text-align: center; 
        }
    }


    .loginForm2{
      display: none;
      width: 400px;
      height: 390px;
      padding-top: 30px;
      background: #f6f6f7;
      font-size: 12px;
      color: #8c8c8c;
      position: absolute;
      top: 70px;
      left: 50%;
      margin-left: 200px;
      z-index: 1;
      .loginFormTitle{
          overflow: hidden;
          margin: 0 40px 40px;
          .loginFormTitle-title{
            color:#262626;
              font-size: 20px;
              line-height: 1.1;
              float: left;
              width: 158px;
              text-align: center;
              cursor: pointer;
          }
          .loginFormTitle-title1{
            font-size: 20px;
            line-height: 1.1;
            float: left;
            width: 158px;
            text-align: center;
            cursor: pointer;
            color: #8d8d8d;
        }
          .loginFormTitle-line{
              float: left;
              margin-top: 2px;
              font-size: 16px;
              color: #8d8d8d;
              width: 4px;
          }
          .actived{
              color: #262626;
          }
      }
      .input-row{
          width: 300px;
          min-height: 300px;
          position: relative;
          overflow: hidden;
          margin: 0 auto 15px;
          .inputBox{
            input::-webkit-input-placeholder{
              color:#8c8c8c;
          }
              position: relative;
              .name{
                  width: 300px;
                  height: 40px;
                  padding: 5px 8px;
                  border-radius: 2px;
                  border: 1px solid #bfbfcd;
                  font-size: 14px;  
                  outline:medium;        
              }
              .huoquyanzhengma{
                position: relative;
                height: 40px;
                .yanzheng{
                  outline:medium;
                  margin-top:15px;
                  width: 300px;
                  height: 40px;
                  padding: 5px 8px;
                  border-radius: 2px;
                  border: 1px solid #bfbfcd;
                  font-size: 14px;                    
                     }
                 #yanzhengma{
                   width: 90px;
                   height: 38px;
                   position: absolute;
                   right: 1px;
                   top: 16px;
                   border: none;
                   border-left:1px solid #bfbfcd; 
                   background-color: #f6f6f7;
                   outline:medium; 
                 }
              }
              .icon-close{
                  position: absolute;
                  right: 14px;
                  top: 12px;
                  height: 17px;
                  width: 17px;
                  cursor: pointer;
                  background: url(../static/images/icon.png) no-repeat 0 -46px;
              }
          }
          h2{
            height: 12px;
            line-height: 12px;
            margin-top: 30px;
            #tishi1{
              float: right;
              margin-top: 5px;
              color:red;
            }
            #tishi2{
              float: right;
              margin-top: 5px;
              color:red;
            }
            .autologin{
                vertical-align: bottom;
            }
            span{
              vertical-align: bottom;
              font-size: 12px;
              color:#8c8ca8;
            }
          }

          .loginbutton{  
            a{
              margin-top: 20px;
              display: block;
              width:300px;
              height: 40px;
              background:url(../images/login.png);
              
            }
          }
          .kuaisu{
            h4{
              span{
                a{
                  font-size: 14px;
                  color: #595959;
                  text-decoration: none;
                }
              }
              .loginleft{
                float: left;
              }
            }
          }
      }
      h5{
        margin-top:60px;
        font-size: 12px;
        text-align: center; 
      }
  }
    
}